{{ if or .PrevInSection .NextInSection }}
{{/* this div holds these a tags as a unit for flex-box display */}}
	<div date-pref>
		<a href=".." class="dib f6 pl1 hover-bg-light-gray br-100">
			{{ partial "svg/ic_chevron_top_black_24px.svg" (dict "fill" "#0594CB" "size" "30px") }}
		</a>

		{{if .NextInSection}}
			<a href="{{.NextInSection.Permalink }}" class="dib f6 pl1 hover-bg-light-gray br-100" title="{{ .NextInSection.Title }} ">
				{{ partial "svg/ic_chevron_left_black_24px.svg" (dict "fill" "#0594CB" "size" "30px") }}
			</a>
		{{end}}

		{{if .PrevInSection}}
			<a href="{{ .PrevInSection.Permalink }}" class="dib f6 pr1 hover-bg-light-gray br-100" title="{{ .PrevInSection.Title }}">
			{{ partial "svg/ic_chevron_right_black_24px.svg" (dict "fill" "#0594CB" "size" "30px") }}
			</a>
		{{end}}
	</div>
{{ end }}
